<template>
  <div style="height: 100%">
    <router-view/>
    <messageDialog v-model="visible"></messageDialog>
  </div>
</template>

<script>
// @ is an alias to /src
import messageDialog from '@/components/dialog/messageDialog'

export default {
  name: 'home',
  components: {
    messageDialog
  },
  data () {
    return {
      visible: false
    }
  },
  computed: {
    getMessageObj () {
      return this.$store.state.messageDialogObj
    }
  },
  methods: {

  },
  watch: {
    getMessageObj: {
      handler: function (val) {
        this.visible = val.visible
      },
      deep: true
    }
  }
}
</script>
